<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="./jquery-3.2.1.js"></script>        
    <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <title>简历</title>
    <style class="test/css">
        img{
            display:block;
            margin:0 auto;
        }
        p.tro1{
           text-align: center;
           font-family:Arial, Helvetica, sans-serif;
           font-size:5ex;
           font-weight:100;
        }
        p.tro2{
           text-align: center;
           font-family:Arial, Helvetica, sans-serif;
           font-size:3ex;
           font-weight:60;
        }
        h3{
            color:red;
        }
        
        
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <img src="img/1.jpg" style="vertical-align:middle;" width="100">
                <p class="tro1" id="1">HELLO,</p>
                <P class="tro2" id="2"> MY NAME IS ALICE AND THIS IS MY RESUME </P>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-sm-7">
               <h3>//About me</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque
                     distinctio magni quam expedita velit laborum sunt amet facere tempora ut fuga aliquam ad 
                     asperiores voluptatem dolorum! Quasi.</p>

               <div class="row">
                    <h3>//Education</h3>
                    <div class="col-xs-2">
                        <ul>
                            <li>1990</li>
                            <li>2005</li>
                            <li>1990</li>
                            <li>2005</li>
                        </ul>
                    </div>
                   <div class="col-xs-10">
                            <ul>
                                <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est aut modi.</li>
                                <li>Secondary school specializing in artistic</br>
                                    Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</li>
                                <li>First level graduation in Graphic Design</br>
                                    Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam asperiores unde repellat.</li>
                                <li>Second level graduation in Graphic Design</br>
                                    Ducimus, aliquam tempore autem itaque et accusantium!</li>
                            </ul>
                    </div>
                </div>
            
                <div class="row">
                        <h3>//Experience</h3>

                        <div class="col-xs-2">
                            <ul>
                                <li><br/>Google<br/>2013-2014</li>
                            </ul>
                        </div>
                       <div class="col-xs-10">
                            <p>Front-end developer / php programmer</br>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit 
                            sunt similique qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? 
                            Enim, itaque dignissimos quia.</p>
                        </div>

                        <div class="col-xs-2">
                                <ul>
                                    <li><br/>twitter<br/>2012</li>
                                </ul>
                            </div>
                           <div class="col-xs-10">
                                <p>Web Developer</br>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium.
                                     Quia, qui facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem 
                                     voluptas explicabo soluta.</p>
                            </div>
                            
                        
                    </div>
                
            </div>

           <div class="row">
               <div class="clo-xs-12 col-sm-5">

                <div>
                  <h3>//Contact</h3>
                      <div class="row">
                          <div class="col-xs-12 col-sm-2">
                               <span class="glyphicon glyphicon-earphone"></span><br/> 
                               <span class="glyphicon glyphicon-earphone"></span><br/>
                               <span class="glyphicon glyphicon-earphone"></span><br/><br>
                               <span class="glyphicon glyphicon-earphone"></span><br/><br/>
                               <span class="glyphicon glyphicon-earphone"></span>
                          </div>

                          <div class="col-xs-12 col-sm-10">
                              <p>500 345 242</p>
                              <p>172391280@qq.com</p>
                              <p>twitter</br>http://www.com</p>
                              <p>facebook</br>https://facebook.corn</p>
                              <p>skype</p>

                          </div>
                      </div>

                    
                            
                </div>

                   <div>
                        <h3>//Skills</h3>
                        <div>
                          <ul>
                            <li>HTML</li>
                            <li>CSS</li>
                            <li>PHP</li>
                            <li>JAVA</li>
                            <li>MASTER</li>
                            <li>c++</li>
                            <li>Beginner</li>
                            <li>Proficient</li>
                            <li>Mastre</li>
                           </ul>
                        </div>
                    </div>

                    <div>
                        <h3>//Languages</h3>

                        <div class="row">
                            <div class="col-xs-4">
                                <li>Polish</li>
                            </div>
                            <div class="col-xs-8">
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-4">
                                <li>English</li>
                            </div>
                            <div class="col-xs-8">
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                                <span class="glyphicon glyphicon-star"></span>
                            </div>
                            
                        </div>
                    </div>

                    <div>
                        <h3>//Hobbies</h3>
                        <ul>
                            <li><span class="glyphicon glyphicon-heart-empty"></span> photography</li>
                            <li><span class="glyphicon glyphicon-heart-empty"></span> CSS</li>
                            <li><span class="glyphicon glyphicon-heart-empty"></span> PHP</li>
                          
                        </ul>                                     
                    </div>
                </div>
            </div>

        
        </div>
        
        

    </div>
</body>
</html>